<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>日常-请假记录</title>
    <link rel="stylesheet" href="../model/model.css">
    <link rel="stylesheet" href="daily-rest.css">
    <link rel="stylesheet" href="../page/page.css">
    <style>
        #myul .show:nth-child(4){
            background-color: #e7f0f7;
            color: rgb(130, 163, 220);
            border-Right:3px solid #0f6ab1;
        }
        
    </style>
</head>
<body>
    <div id="header">
        <div class="logo">
            <img src="../img/保尔科技-logo-副本.png" alt="">
        </div>
        <div class="item">
            <div class="time"></div>
            <div class="refresh">
                <img src="../img/刷新.png" alt="">
            </div>
            <div class="user">
                <img src="../img/用户.png" alt="">
                <p>哇哈哈</p>
            </div>
            <div class="loginOut">
                <img src="../img/退出.png" alt="">
            </div>
        </div>
    </div>
    <div id="menu">
        <ul id="myul">
            <li class="show"><img src="../img/班级管理.png" alt="">班级管理</li>
            <li class="show"><img src="../img/日常黑.png" alt="">日常&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
            <li class="show childmenu">出差记录</li>
            <li class="show childmenu">请假记录</li>
            <li class="show childmenu">考勤统计</li>
            <li class="show"><img src="../img/用户管理黑u.png" alt="">用户管理</li>
            <li class="show"><img src="../img/学生档案.png" alt="">学生档案</li>
            <li class="show"><img src="../img/日志系统黑.png" alt="">日志系统</li>
            <li class="show"><img src="../img/审核系统黑.png" alt="">审核系统</li>
            <li class="show"><img src="../img/项目管理黑.png" alt="">项目管理</li>
            <li class="shownone childmenu">项目列表</li>
            <li class="shownone childmenu">我的任务</li>
            <li class="show"><img src="../img/设置(1).png" alt="">系统设置</li>
        </ul>
    </div>
    <div id="content">
        <div id="contentRight">
            <div class="contentHeader">
                <div class="title">
                    <div></div>
                    <span>请假记录</span>
                </div>
                <div class="search">
                    <input type="text" name="" id="" placeholder="请输入姓名">
                    <button>搜索</button>
                </div>
                <div class="addition">
                    <input type="date" id="dailyTime">
                    <div class="apply">申请</div>
                </div>
            </div>
            <div class="contentBottom">
                <table>
                    <thead>
                        <tr>
                            <td>姓名</td>
                            <td>标识</td>
                            <td>请假事由</td>
                            <td>开始时间</td>
                            <td>结束时间</td>
                            <td>请假时长</td>
                            <td>状态</td>
                        </tr>
                    </thead>
                    <tbody>
                        <!-- <tr>
                            <td>哇哈哈</td>
                            <td>老师</td>
                            <td>生病</td>
                            <td>2024.5.10</td>
                            <td>2024.1.10</td>
                            <td>5</td>
                        </tr>
                        <tr>
                            <td>哇哈哈</td>
                            <td>老师</td>
                            <td>生病</td>
                            <td>2024.5.10</td>
                            <td>2024.1.10</td>
                            <td>5</td>
                        </tr> -->
                    </tbody>
                </table>
                <!-- 分页 -->
                <div id="page">
                    <span class="pageCount">共？页</span>
                    <button onclick="package1(0)" class="myBtn">首页</button>
                    <button onclick="package1(1)" class="myBtn">上一页</button>
                    <button onclick="package1(2)" class="myBtn">下一页</button>
                    <button onclick="package1(3)" class="myBtn">最后一页</button>
                </div>
            </div>
        </div>
        <!-- 出差申请模态框 -->
        <div class="goOut">
            <div class="goOutMask">

            </div>
            <div class="goOutModel">
                <div class="goOutHeader">
                    <p>请假申请</p>
                </div>
                <!-- 添加内容 -->
                <div class="goOutContent">
                    <!-- 第一行内容 -->
                    <div class="goOutContent1">
                        <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;姓名:</span>
                        <input type="text">
                        <span>&nbsp;&nbsp;&nbsp;&nbsp;开始时间:</span>
                        <input type="date">
                    </div>
                    <!-- 第二行内容 -->
                    <div class="goOutContent2">
                        <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;标识:</span>
                        <select name="" id="">
                            <option value="">选择</option>
                            <option value="老师">老师</option>
                            <option value="学生">学生</option>
                        </select>
                        <span>&nbsp;&nbsp;&nbsp;&nbsp;返回时间:</span>
                        <input type="date">
                    </div>
                    <!-- 第三行内容 -->
                    <div class="goOutContent2">
                        <span>请假事由:</span>
                        <input type="text">
                        <span>出差总时长:</span>
                        <input type="text">
                    </div>
                    <!-- 按钮 -->
                    <div class="goOutContent3">
                        <button class="sure">确定</button>
                        <button class="cancel">取消</button>
                    </div>
                </div>
                
            </div>
        </div>
    </div>
</body>
<script src="../AJAX/封装AJAX.js"></script>
<script src="../model/model.js"></script>
<script src="daily-rest.js"></script>
<script src="../page/pageCount.js"></script>
</html>